<!-- 班级主页中的按钮卡片 -->
<script setup lang="ts">
defineProps<{
  title: string
  subtitle: string
  icon: string
}>()
</script>

<template>
  <view class="relative h-142rpx w-340rpx flex items-center justify-between px-30rpx py-32rpx card-shadow">
    <image class="absolute left-0 top-0 z-0 h-142rpx w-340rpx" src="@/static/images/classHome/card_bg.png" />
    <view class="z-1">
      <view class="text-32rpx text-#333333 font-medium leading-45rpx">
        {{ title }}
      </view>
      <view class="text-24rpx text-#666666 leading-32rpx">
        {{ subtitle }}
      </view>
    </view>
    <image class="z-1 h-80rpx w-80rpx" :src="icon" />
  </view>
</template>
